<template>
  <div id="app">
    <router-view />
    <div class="tabbar">
      <Apptarbar v-if="$route.meta.isShowTabbar" />
    </div>
  </div>
</template>

<script>
import Apptarbar from "@/components/Apptarbar";
export default {
  components: {
    Apptarbar,
  },
  data() {
    return {};
  },
};
</script>
<style lang="less">
#app {
  background-color: #efefef;
  height: 100%;
  font-size: 0.14rem;
}
html,
body {
  height: 100%;
  background-color: #efefef;
}
// 移动端单位 rem em
html {
  // rem 相对html而言,在这里1rem就是100px
  font-size: 100px!important // 问题???如果此时要对字体设置16px,应该写成多少rem?
    // 即 ?rem等于16px?
    // ? = 16px/rem = 16px/100px = 0.16
;
}
p {
  // width: 1rem;
  // height: 1rem;
  // background-color: pink;
}
li.van-pagination__page-desc {
  display: none;
}
.tupian img {
  width: 100%;
  display: block;
}
</style>
